<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="/page/template.xhtml">
	<ui:define name="cabecalho">
		<title>Home</title>
	</ui:define>
	<ui:define name="conteudo">
		<div id="adbox" style="padding-top: 0px;">
			<img src="../images/glider.jpg" alt="Img" height="444" width="630" />
			<div class="info">
				<h1>Página inicial</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
					eu ante in enim hendrerit lobortis sit amet eget magna. Fusce
					tincidunt, dolor ut tempor pharetra, dolor turpis volutpat neque,
					non consectetur est arcu in velit. Maecenas in rutrum quam. Duis
					mauris nisi, aliquet sit amet pellentesque id, vulputate id nunc.
					Morbi viverra rutrum faucibus. Nam sit amet nunc vitae nisi
					suscipit consequat hendrerit sed metus. Quisque ac tellus eget enim
					posuere elementum. Sed id justo elit. Etiam et sapien</p>
				<a href="index.html" class="more">Click here for more</a>
			</div>
		</div>
		<!-- /#adbox -->
		<h1>Etiam eu odio eu velit tincidunt cursus quis sodales mauris.</h1>
		<div class="section">
			<p class="column2">Lorem ipsum dolor sit amet, consectetur
				adipiscing elit. Cras eu ante in enim hendrerit lobortis sit amet
				eget magna. Fusce tincidunt, dolor ut tempor pharetra, dolor turpis
				volutpat neque, non consectetur est arcu in velit. Maecenas in
				rutrum</p>
			<p class="column2">Lorem ipsum dolor sit amet, consectetur
				adipiscing elit. Cras eu ante in enim hendrerit lobortis sit amet
				eget magna. Fusce tincidunt, dolor ut tempor pharetra, dolor turpis
				volutpat neque, non consectetur est arcu in velit. Maecenas in
				rutrum</p>
			<h4>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu
				odio eu velit tincidunt cursus quis sodales mauris. Vestibulum
				egestas ultrices auctor. Duis adipiscing <a href="index.html">click
					here &gt;&gt;</a>
			</h4>
		</div>
		<ul id="categories" class="section">
			<li><img src="../images/gear.png" alt="Img" height="53" width="60"/>
					<h3>Froibrush Title One</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
						Cras eu ante in enim hendrerit lobortis sit amet eget magna. Fusce
						tincidunt, dolor ut tempor</p> <a href="index.html" class="select">Select</a></li>
			<li><img src="../images/graph.png" alt="Img" height="53" width="60"/>
					<h3>Froibrush Title One</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
						Cras eu ante in enim hendrerit lobortis sit amet eget magna. Fusce
						tincidunt, dolor ut tempor</p> <a href="index.html" class="select">Select</a></li>
			<li><img src="../images/globe.png" alt="Img" height="53" width="60"/>
					<h3>Froibrush Title One</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
						Cras eu ante in enim hendrerit lobortis sit amet eget magna. Fusce
						tincidunt, dolor ut tempor</p> <a href="index.html" class="select">Select</a></li>
		</ul>
	</ui:define>
</ui:composition>
</html>